<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title data-localize="master_onlinelab"></title>

	<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css">
	<link rel="stylesheet" href="./style/page.css" >
	<link rel="stylesheet" href="./style/onlinelab.css">
	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
	<script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->
	<script type="text/javascript">
		 var Role= '<%=session.getAttribute("password") %>';
		var User= '<%=session.getAttribute("username")%>';
		var UserID= '<%=session.getAttribute("userid")%>';

		if(UserID=="null"||UserID==undefined||UserID==null){
			document.getElementsByTagName("body")[0].innerHTML="";
		}
	</script>
</head>
<body>
      <!--页面主体-->
<div id="container" class="container-fluid">
	<div class="tab-content"><!--表单-->
		<div role="tabpanel" class="tab-pane active" id="courseMgPanel">
			<div class="lessonDiv">
				<div class="form-inline">
					<label class="queryCourse" data-localize="lm_lessonSlc"></label>
					<div class="input-group">
						<div id="inputlistcontentdiv" class="input-group-btn">
							<input type="text" data-localize="kc_querylessontips" class="form-control completer" id="querystring" onkeyup="completer_click()"/>
							<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" onclick="getQuerylessonname()">
								<span class="caret"></span>
								<span class="sr-only"></span>
							</button>
							<ul class="dropdown-menu querymenu">
							</ul>
						</div>
					</div>
					<a type="button" class="btn btn-primary classBtn1" data-localize="ms_choose" onclick="getChooseContent()" target="_blank"><span class="glyphicon  glyphicon-plus btn_icon1"   aria-hidden="true"></span></a>
				</div>
			</div>
			<div class="table-responsive">
				<table id="classTable" class="table table-bordered table-striped">
					<thead>
					<tr>
							<th data-localize="kc_coureid"></th>
						<th data-localize="kc_coursename"></th>
						<th data-localize="lab_labName"></th>
						<th data-localize="lab_labdata"></th>
						<th data-localize="lab_labmethd"></th>
						<th data-localize="ol_edit"></th>
						<th data-localize="ol_answer"></th>
						<th data-localize="ol_status"></th>
					</tr>
					</thead>
					<tbody id="itemTbody_class"  class="itemTbody">

					</tbody>
					<div class="progress myfakeprogressbar" style="display:none;">
						<div class="progress-bar  progress-bar-info progress-bar-striped active" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width:100%;text-align: center;">
							<span id="progressbar_lable"></span>
						</div>
					</div>
				<div class="alert alert-danger alert-dismissible" role="alert" style="display:none;" id="messagetips">
					<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<span></span>
				</div>
				</table>
					<nav class="navipage">
						<input type="button" class="btn" data-localize="nav_master" onclick="firstPage()">
						<input type="button" class="btn" data-localize="nav_pre" onclick="prePage()">
						<a class="navipagindex"><span id="nowIndex">1</span>/<span id="totalIndex">1</span></a>
						<input type="button" class="btn" data-localize="nav_next" onclick="nextPage()">
						<input type="button" class="btn" data-localize="nav_last" onclick="lastPage()">
					</nav>
			</div>
		</div>
	</div>
</div>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="http://cdn.bootcss.com/jquery/1.12.1/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="http://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="script/jquery.i18n.properties.min.js"></script>
<script src="script/jquery.i18n.init.js"></script>
<script src="script/layerui/layer.js"></script>
<script src="script/onlinelab.js"></script>
</body>
</html>